<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>
</head>

<body>

    <!-- alt+shift+方向键下---复制
        #可以作为路径的站位符
      <a href="#">超链接3</a>
<a href=" javascript:;">超链接</a>//点击什么也不会发生

        超链接跳转页面
    a标签是行内元素，超连接a标签中除本身，可以嵌套任何元素
    hrefl--指定跳转的目标路径
    -值可以是外部网站的地址
    -也可以内部页面的地址
br*3--隔几行
    -->
    <a href="https://www.baidu.com">超连接1</a>
    <br><br><br>
    <a href="https://www.baidu11.com">超连接2
    </a>
    <br><br>
    <a href="05列表.html">超链接3</a>
    <br>
    <a href="./01t.html">超链接3</a>
    <!-- 要跳转到服务器内部页面时，一般使用相对路径 
相对路径：使用.或..开头。不写默认为./
./---当前文件所在的目录
../--当前文件所在目录上一级
-->
    <!-- target,用来指定连接打开的位置
可选值
-self默认值表示当前页面打开连接
-blank在一个新的页面打开超链接

<a href="#">回到顶部</a>
<a href="#bottom">到底部</a>
跳转到网页任意位置（#+id）

id属性；唯一不重复，区分大小写
.每一个标签都可以添加id属性
.id属性是唯一标识，
-->
    <br>
    <a href="05列表.html" target="blank">新页面打开</a>
    <br>
    <a href="#bottom">到底部</a>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>信号不好，游戏体验不好</p>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Modi amet tenetur, accusamus consequatur velit id.
        Blanditiis animi, perferendis aliquam aperiam ipsam iste hic? Exercitationem ab, obcaecati doloremque excepturi
        placeat ipsam!</p>

    <a id="bottom" href="#">回到顶部</a>
</body>

</html>